<template>
  <div class="app-container">
    <div class="settings-box"><settings /></div>
  </div>
</template>

<script>
import Settings from '@/layout/components/Settings'

export default {
  name: 'system_settings',
  components: { Settings }
}
</script>
<style scoped>
.app-container{
  width: 100%;
  padding: 10px 20px;
}
.settings-box{
  margin: auto;
  background: #ebe2e245;
  border-radius: 10px;
}
@media (min-width: 800px) {
  .settings-box{
    width: 50%;
    padding: 0 100px;
  }
}
</style>


